<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--html注释-->
  <style>
      /*css注释*/
      /*id选择器*/
    #bx{color: red}
      /*类选择器*/
      .c1{color: green}
      /*分组选择器*/
      h1,#bx,.c1{
          background-color: yellow;
      }
      /*属性选择器*/
      input[type='text']{color: red}
      input[type='password']{color: blue}
      /*任意元素选择器   border:粗细(像素) 样式(实线) 颜色 */
      *{border: 1px solid red}
  </style>
</head>
<body>
<input type="text">
<input type="password">
<h1>这是h1</h1>
<p id="bx">冰箱</p>
<p class="c1">洗衣机</p>
<div>苹果</div>
<div class="c1">香蕉</div>
</body>
</html>